<template>
  <div class="app-container">
        
    <h4>基本信息</h4>
        
    <table
      class="table table-striped table-condenseda table-bordered"
      width="100%"
    >
              
      <tbody>
                    
        <tr>
                          
          <th width="15%">医院名称</th>
                          
          <td width="35%">
            <b style="font-size: 14px">{{ hospital.hosname }}</b
            > | {{ hospital.param.hostypeString }}
          </td>
                          
          <th width="15%">医院logo</th>
                          
          <td width="35%">
                                <img
              :src="'data:image/jpeg;base64,' + hospital.logoData"
              width="80"
            />
                            
          </td>
                      
        </tr>
                    
        <tr>
                          
          <th>医院编码</th>
                          
          <td>{{ hospital.hoscode }}</td>
                          
          <th>地址</th>
                          
          <td>{{ hospital.param.fullAddress }}</td>
                      
        </tr>
                    
        <tr>
                          
          <th>坐车路线</th>
                          
          <td colspan="3">{{ hospital.route }}</td>
                      
        </tr>
                    
        <tr>
                          
          <th>医院简介</th>
                          
          <td colspan="3">{{ hospital.intro }}</td>
                      
        </tr>
                
      </tbody>
              
    </table>

            
    <h4>预约规则信息</h4>
            
    <table
      class="table table-striped table-condenseda table-bordered"
      width="100%"
    >
              
      <tbody>
                    
        <tr>
                          
          <th width="15%">预约周期</th>
                          
          <td width="35%">{{ bookingRule.cycle }}天</td>
                          
          <th width="15%">放号时间</th>
                          
          <td width="35%">{{ bookingRule.releaseTime }}</td>
                      
        </tr>
                    
        <tr>
                          
          <th>停挂时间</th>
                          
          <td>{{ bookingRule.stopTime }}</td>
                          
          <th>退号时间</th>
                          
          <td>
            {{ bookingRule.quitDay == -1 ? "就诊前一工作日" : "就诊当日"
            }}{{ bookingRule.quitTime }} 前取消
          </td>
                      
        </tr>
                    
        <tr>
                          
          <th>预约规则</th>
                          
          <td colspan="3">
                            
            <ol>
                              
              <li v-for="item in bookingRule.rule" :key="item">{{ item }}</li>
                              
            </ol>
                            
          </td>
                      
        </tr>
                <br />
                    <el-row>
                      <el-button @click="back">返回</el-button>
                      </el-row
        >
                
      </tbody>
          
    </table>
  </div>
</template>

<script>
import hospApi from "@/api/hosp";
export default {
  data() {
    return {
      hospital: null, //医院信息
      bookingRule: null //预约信息
    };
  },
  created() {
    //获取路由id
    const id = this.$route.params.id; //调用方法，根据id查询医院详情
    this.fetachHospDetail(id);
  },
  methods: {
    //根据id查询医院详情
    fetachHospDetail(id) {
      hospApi.getHospById(id).then((response) => {
        this.hospital = response.data.hospital;
        this.bookingRule = response.data.bookingRule;
      });
    }, //返回医院列表
    back() {
      this.$router.push({ path: "/hospSet/hosp/list" });
    },
  },
};
</script>